<template>
  <view class="cell" :class="[cellClass]" :style="cellStyle">
    <view class="cell-right">
      <slot name="title"> </slot>
      <slot name="content"></slot>
    </view>
    <view class="cell-left">
      <slot name="icon"></slot>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    // 使用cell-class 如果子父组件style标签有scoped属性 需要在父组件class前增加 ::v-deep
    cellClass: String,
    cellStyle: Object,
  },
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.cell {
  display: flex;
  justify-content: space-between;
  padding: 30rpx;
  background: #ffffff;
}
.cell-left {
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
